<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>Hello WX</title>
  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <script src="../js/jquery-3.6.0.min.js"></script>
  <script src="../js/jweixin-1.2.0.js"></script>
  <script src="../js/sm2.js"></script>
  <script src="../js/sm3.js"></script>
  <!-- <link rel="stylesheet" href="../css/mui.min.css" /> -->
  <!--标准mui.css-->
  <link rel="stylesheet" href="../css/mui.min.css">
  <!--App自定义的css-->
  <link rel="stylesheet" type="text/css" href="../css/app.css" />
  <link rel="stylesheet" href="../css/vant.mini.css">
  <script src="../js/vue.js"></script>
  <!-- <script src="../wx/uap.js"></script> -->
  <script src="../js/clipboard.js"></script>
  <script src="../js/vconsole.min.js"></script>
  <!-- <script src="../js/jump.js"></script> -->
  <script src="../js/vant.mini.js"></script>
  <script src="../js/mui.min.js"></script>
  <script src="../js/flexible.js"></script>
  <!-- 首页 -->
  <script src="./home/home.js" type="text/javascript" charset="utf-8"></script>
  <script src="./search/search.js" type="text/javascript" charset="utf-8"></script>
  <script src="./mySelf/mySelf.js" type="text/javascript" charset="utf-8"></script>
  <link rel="stylesheet" href="../css/elementui.css" />
  <script src="../js/elementui.js"></script>
  <script src="./text.js"></script>
  <style type="text/css">
    * {
      margin: 0;
      padding: 0;
    }

    #list {
      /*避免导航边框和列表背景边框重叠，看起来像两条边框似得；*/
      margin-top: -1px;
    }

    html,
    body {
      width: 100%;
      height: 100%;
      font-size: 30px;
    }

    #app {
      width: 100%;
      height: 100%;
      background-color: #ffffff;
    }

    .mui-content {
      height: 100%;
      display: flex;
      flex-direction: column;
      background-color: #fff;
    }

    .mui-content .bgcDiv {
      box-sizing: border-box;
      background: url("../image/bgc.png") no-repeat center;
      background-size: 100% 100%;
      width: 100%;
    }

    .mui-content .bgcDiv .bgc {}

    .functionsifs {
      width: 100%;
      margin-top: -0.7rem;
      padding: 0 0.33rem 0.15rem;
      overflow: scroll;
      height: calc(100vh - 5.3rem);
    }

    .functionsif {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      /* margin-bottom: 10px; */
      margin: 0.2rem 0.2rem;
    }

    .functionsif .single {
      /* margin: 0.2rem 0.2rem; */
      display: inline-block;
      width: 32%;
      height: 1.3rem;
      background: rgb(255, 255, 255);
      border-radius: 0.2rem;
      text-align: center;
      position: relative;
    }

    .functionsif .single span {
      width: 2rem;
      font-size: .1333rem;
      position: absolute;
      color: #fff;
      top: .6667rem;
      left: .1333rem;

    }

    .imgSrc {
      width: 100%;
    }

    .name {
      font-size: 0.24rem;
    }

    .left {
      float: left;
    }

    .left .van-icon {
      font-size: 0.4rem;
    }

    .arrow {
      /* margin-top: -0.6rem; */
    }

    .idcard {
      font-size: 0.35rem;
      margin-top: 0.4rem;
      text-align: justify;
      padding: 0 0.3rem;
    }

    .idcard p {
      margin-bottom: 0.2rem;
    }

    .swiper-animate {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100px;
      border: 4px solid #333;
      -webkit-animation: bounce-down 2s linear infinite;
      animation: bounce-down 2s linear infinite;
    }

    @-webkit-keyframes bounce-down {
      25% {
        -webkit-transform: translateY(0px);
      }

      50% {
        -webkit-transform: translateY(50%);
      }

      100% {
        -webkit-transform: translateY(100%);
      }
    }

    @keyframes bounce-down {
      25% {
        transform: translateY(100%);
      }

      50% {
        transform: translateY(50%);
      }

      100% {
        transform: translateY(0px);
      }
    }

    .swiper {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background: #333;
      opacity: 0.7;
    }

    .right {
      position: fixed;
      bottom: 0px;
      left: 0px;
      padding: 0.2rem;
      background-color: #fff;
      width: 100%;
      box-shadow: 4px -4px 4px #eee;
      text-align: center;
    }

    .right .mui-btn-blue,
    .mui-btn-primary,
    input[type="submit"] {
      background-color: rgb(0, 170, 255);
      color: #fff;
      border: 1px solid rgb(0, 170, 255);
      border-radius: 10px;
    }

    .noteBookHome {
      background-color: rgb(0, 170, 255);
      padding: 0.2rem;
      color: #fff;
      text-align: justify;
      display: flex;
      justify-content: space-between;
    }

    .noteBookHome span:first-child {
      width: 20%;
    }

    .noteBookHome span:last-child {
      width: 60%;
    }

    .noteBookFoot {
      position: fixed;
      bottom: 0px;
      left: 0px;
      padding: 0.2rem;
      background-color: #fff;
      width: 100%;
      box-shadow: 4px -4px 4px #eee;
      text-align: center;
    }

    .noteBookFoot .mui-btn-blue,
    .mui-btn-primary,
    input[type="submit"] {
      background-color: rgb(0, 170, 255);
      color: #fff;
      border: 1px solid rgb(0, 170, 255);
      border-radius: 10px;
    }

    .mui-toast-container {
      top: 50%;
    }

    .noteBookHome span {
      font-size: 0.3rem;
    }

    .idcard p {
      font-size: 0.35rem;
    }

    .line {
      position: absolute;
      top: 0;
      left: 0px;
      width: 100%;
      height: 0.2rem;
    }

    .line1 {
      position: absolute;
      top: 0;
      left: 0px;
      width: 100%;
      height: 0.2rem;
    }

    .lineFlag {
      display: none;
      width: 100%;
      -webkit-animation: bounce-down 2s linear infinite;
      animation: bounce-down 2s linear infinite;
    }

    ::-webkit-input-placeholder {
      color: black;
    }

    @-webkit-keyframes bounce-down {
      25% {
        -webkit-transform: translateY(0);
      }

      50% {
        -webkit-transform: translateY(1.5rem);
      }

      100% {
        -webkit-transform: translateY(3rem);
      }
    }

    @keyframes bounce-down {
      25% {
        transform: translateY(3rem);
      }

      50% {
        transform: translateY(1.5rem);
      }

      100% {
        transform: translateY(0);
      }
    }

    .mui-pull-left {
      color: #fff;
    }

    .Navigation {
      position: fixed;
      bottom: 0;
      left: 0;
      background-color: #fff;
      width: 100%;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      padding: 0.1rem 0.2rem;
      display: flex;
      box-sizing: border-box;
      line-height: 21px;
      box-shadow: 0px -8px 8px rgba(4, 73, 137, 0.05);
    }

    .Navigation img {
      width: 0.4rem;
      height: 0.4rem;
    }

    .Navigation li:nth-last-child(2) img {
      width: 0.5rem;
    }

    .Navigation li p {
      font-size: 0.22rem;
    }

    .Navigation li {
      text-align: center;
      color: #8a9dbe;
      width: 1.2rem;
      /* line-height: 21px; */
    }

    .active p {
      color: rgb(18, 118, 119);
      font-size: 0.25rem;
    }

    .mui-content .bgcDiv1 .bgc {
      background: url("../image/bianzu.png") center;
      background-size: 100% 100%;
      width: 70%;
      height: 90%;
      margin: 0 auto;
    }

    .mui-content .bgcDiv1 .bgc2 {
      background: url("../image/suishoupai.png") center;
      background-size: 100% 100%;
      width: 70%;
      height: 90%;
      margin: 0 auto;
    }

    .mui-content .bgcDiv1 {
      /* background-image: linear-gradient(to right,
          rgb(13, 121, 131),
          rgb(25, 179, 182)); */
      /* height: 4.8rem; */
      width: 100%;
    }

    .close {
      float: right;
      padding: 0.3rem;
      width: 2rem;
    }

    .close1 {
      float: right;
      width: 2rem;
      padding: 0.3rem;
      margin-top: -0.5rem;
    }

    .wode {
      position: relative;
      width: 100%;
      height: 100%;
      color: #f7faff;
    }

    .c img {
      position: absolute;
      top: 0;
      width: 80%;
      padding: 0.5rem 0rem;
    }

    .d img {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 80%;
      margin-bottom: 1.5rem;
    }

    .content {
      /* height: .8667rem; */
      height: calc(100% - 1rem - env(safe-area-inset-bottom));
      overflow: hidden;
    }

    .b {
      padding: 2rem 0.3rem 0;
      margin-top: 1rem;
      /* background: url('../image/wode.png'); */
    }

    .b img {
      position: absolute;
      right: 0;
      margin-right: 0.35rem;
      margin-top: 0.4rem;
      top: 0;
      width: 0.15rem;
    }

    .b .input {
      height: 1rem;
      border: none;
      box-shadow: 4px 4px 4px #eee;
      font-size: 0.3rem;
      line-height: 1rem;
      background: #fff;
      color: #333;
      padding-left: 0.3rem;
      margin-bottom: 0.3rem;
    }

    .b div {
      position: relative;
    }

    .a {
      padding: 1rem 0.3rem 0 0.3rem;
    }

    .a p {
      font-size: 0.4rem;
      color: #333;
      font-weight: bold;
      z-index: 1111;
      margin-bottom: 0.2rem;
    }

    .a p:last-child {
      font-size: 0.3rem;
      color: #8a9dbe;
    }

    .appearances {
      background-color: #fff;
      width: 100%;
      display: flex;
      flex-direction: column;
      border-radius: 10px;
    }

    .appearance {
      display: flex;
      justify-content: space-between;
    }

    .text_title {
      height: 30px;
      padding: 2% 5% 0;
      position: relative;
      /* background:turquoise; */
      /* line-height: 30px;         */
    }

    .first_span {
      width: 3px;
      border-radius: 20% 20%;
      display: inline-block;
      height: 15px;
      background: rgb(13, 121, 131);
      position: absolute;
      top: 41%;
      left: 5%;
    }

    .first_span_text {
      font-weight: 600;
      font-size: 14px;
      color: #1E3754;
      position: absolute;
      left: 8%;
      top: 30%;
    }

    .van-tabs__line {
      bottom: 16px;
      background-color: #24babb;
    }

    .current {
      /* flex: 1; */
      overflow: hidden;
      margin: 0 0.2rem 0.2rem;
    }

    .current ul {
      /* overflow-y: scroll; */

    }

    .currentContact {
      /* width: 100%; */
      /* height: 1.3333rem; */
      display: block;
      border-bottom: .0133rem solid #ff8a9dbe;
      margin: .1333rem .4rem;
    }

    .currentContact p {
      font-size: .2933rem;
      color: #1e3754;
    }

    .currentContact span {
      font-size: .16rem;
      color: #8a9dbe;
    }

    .van-tab--active {
      color: #1e3754 !important;
      font-weight: 600;
    }

    .van-tab {
      color: #8a9dbe;
      margin-right: 15px;
    }

    .myDocument {
      width: 100%;
      height: 30px;
      margin-top: .1333rem;
    }

    .list {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 5px;
    }

    .list img {
      width: .6rem;
    }

    .textList {
      /* width: 0;
      height: 0; */
    }

    .textList p {
      font-size: 18px;
    }

    .textList span {
      font-size: 12px;
    }

    .list button {
      width: 80px;
      height: 30px;
      background-image: linear-gradient(151.5deg, #5fdedb 0%, #0ac3c5 100%);
      border-radius: 21px;
      font-size: 14px;
    }

    .van-tabs__nav--line {
      float: left;
      left: 10px;
    }
    .text_h {
      float: left;
    }
    .List_title {
      width: 70%;
      height: .5rem;
      line-height: .5rem;
      font-size: 16px;
      font-weight: bold;
      text-overflow: ellipsis;
      /* ellipsis:显示省略符号来代表被修剪的文本  string:使用给定的字符串来代表被修剪的文本*/
      white-space: nowrap;
      /* nowrap:规定段落中的文本不进行换行   */
      overflow: hidden;
    }
.box-card_title{
    height: 0.5rem;
    width: 80%;
    color:#000;
    line-height: .5rem;
    font-size: 16px;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .List_wrapper {
      height: 16px;
      width: 74%;
      line-height: 16px;
      position: absolute;
      left: 15.5%;
      top: 58%
    }
    .List_name{
     color: rgba(138, 157, 190, 1);
     font-size:12px;
    }
    .box_card_content {
      height: 16px;
      /* width: 74%; */
      line-height: 16px;
      /* position: absolute; */
      left: 2%;
      top: 55%
    }


    .List_time {
      /* width: 140px; */
      height: 20px;
      line-height: 20px;
      /* position: absolute; */
      display: flex;
      align-items: center;
      /* border-right: 1px solid #ccc; */
      color: rgb(199, 197, 197);
      font-size: 13px;
      left: 0%;
      top: 0%
    }

    .wrpper {
      /* width: 34px; */
      width: 100%;
      height: 100%;
      /* display: flex; */
      padding:2% 0 2% 3%;
      flex-direction: column;
      position: relative;
      justify-content: space-between;
    }

    .img_box {
      float: left;
      width: 34px;
      height: 44px;
      margin: 5px 10px 0 0;

    }

    .img_box img {
      width: 100%;
      height: 100%;
    }
.lines_c{
  width: 1px;
    height: 9px;
    margin:0 3px;
    border-right: 1px solid rgba(138, 157, 190, 1);
}
    .List_access {
      color: rgba(138, 157, 190, 1);
      /* width: 1.5rem; */
      height: 16px;
      line-height: 16px;
      /* position: absolute; */
      font-size: 12px;
      /* border-right: 1px solid #ccc; */
      /* left: 55%;
    top: -2% */
      float: left;
    }

    input[type=color],
    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select,
    textarea {
      margin-bottom: 0;
    }

    .van-search .van-cell {
      align-items: center;
    }
    .van-search {
      padding: 10px 1px 10px 12px !important;
    }
    .form_box {
      display: flex;
      justify-content: space-between;
    }
    .form_btn{
      box-sizing: border-box;
      display: flex;
      align-items: center;
      padding: 10px 10px 10px 0;
    }
    .form_btn_wrapper{
      height: 32px !important;
      background-image:linear-gradient(151.5deg,#5fdedb 0%,#0ac3c5 100%);
border-radius:21px;
    }
   
    input[type=search] {
      background-color: #f7f8fa;
    }
    /* 转换样式 */
    .title span {
      font-family: PingFang SC;
      font-weight: 700;
      color: #1e3754;
      font-size: 16px;
      line-height: 50px;
    }

    .img_box {
      width: 34px;
      height: 44px;
      margin-right: 10px;

    }

    .img_box img {
      width: 100%;
      height: 100%;
    }

    .omit {
      position: absolute;
      right: 16px;
      top: 10px;
    }

    .omit_box {
      width: 30px;
      height: 30px;

    }

    .omit_box img {
      width: 100%;
      height: 100%;

    }

    .van-tabs {
      height: 100%;
      width: 100%;

    }

    .van-tabs__content {
      height: 94%;

      margin-top: 10px;
      overflow-y: auto;
    }

    .van-cell {
      padding: 0;
    }

    .home_wrapper .van-tabs__line {
      bottom: 10px !important;
    }

    /* 转化样式 */
    .tabulation {
      margin: 0 10px;
      max-height: 220px;
      overflow-y: auto;
    }

    .van-popup {
      overflow-y: hidden;
    }

    /* 重命名 */
    .nameList {
      /* margin-top: 10px; */
      margin: 10px 15px;
      font-size: 16px;
      display: flex;
      /* justify-content: space-around; */
      align-items: center;
    }
   
    .nameList input {
      width: 72%;
      height: 30px;

    }

    .bgcDivs{
      position: absolute;
      right: 0;
    }
    .wrpperName{
      height: 35px;
      display: flex;
      position: relative;
      align-items: center;
    }
    .Name_title {
      width: 70%;
      line-height: 1rem;
      position: absolute;
      font-size: 16px;
      font-weight: bold;
      left: 13%;
      top: 6%;
    }
    .Name_title .van-radio__label{
      text-overflow: ellipsis;
      /* ellipsis:显示省略符号来代表被修剪的文本  string:使用给定的字符串来代表被修剪的文本*/
      white-space: nowrap;
      /* nowrap:规定段落中的文本不进行换行   */
      overflow: hidden;
    }
    #nameBox .van-cell:after {
     border: none !important;
    }
    .enjoyName{
     width: 100%;
     display: flex;
     justify-content:flex-end;
     margin-top: 2%;
    }
    .wrapper_content {
      min-height: 51px;
      padding-left: 10px;
    }
    .popBox{
      width:80%;
      height:70%;
      padding:40px 10px 15px;  
    }
    .textWrappper {
      font-size: 16px;
      height: 40%;
      margin-bottom: 10px;
    }
    .btn_Box{
    height: 8%;
    display: flex;
    justify-content: space-around;
    }
    .van-popup__close-icon--top-right{
   top:10px !important;
    }
    .allBoxText {
      width: 100%;
      height: 35%;
      overflow: scroll;
      margin-top:10px
    }
    .showCon {
      margin:10px 10px 0px;
      height: 320px;
      color:#8f8f94;
      font-size: 14px;
      padding: 0 !important;
      border: none !important;
      overflow: scroll;
    }
     /* 新闻查看 */
     .conList {
      /* margin-top: 10px; */
      margin: 10px 15px;
      font-size: 16px;
      display: flex;
      flex-direction: column;
      /* justify-content: space-around; */
      align-items: center;
    }
 .showTit {
        margin: 20px 0px 10px;
      font-size: 16px;
      align-items: center;
    }
 .showTime {
      font-size: 12px;
      align-items: center;
    }
.content_list {
  color:rgb(110, 106, 106);
}
  </style>
</head>
<!-- <div class="wrpper">\
  <div class="img_box">\
    <img v-if=\'item.documentType == "Word"\' src="../image/newDocument.png" alt="">\
    <img v-if=\'item.documentType == "Excel"\' src="../image/newDocument1.png" alt="">\
    <img v-if=\'item.documentType == "TXT"\' src="../image/newDocument4.png" alt="">\
    <img v-if=\'item.documentType == "PPT"\' src="../image/newDocument2.png" alt="">\
    <img v-if=\'item.documentType == "PDF"\' src="../image/newDocument3.png" alt="">\
    <img v-if=\'item.documentType == "WPS"\' src="../image/wps.png" alt="">\
  </div>\
  <div class="text_h">\
      <div class="List_title">{{ item.documentName }}</div>\
      <div class="List_wrapper">\
          <div class="List_time"><span>{{item.createTime}}</span><span class="lines">|</span></div>\
          <div class="List_access">{{ item.fileSize }}</div>\
      </div>\
  </div>\
  <div class="omit">\
      <el-dropdown @command="handleCommand($event,item)" trigger="click">\
          <span class="el-dropdown-link">\
              <div class="omit_box">\
              <img src="../image/dian.png" alt="">\
              </div>\
          </span>\
          <el-dropdown-menu slot="dropdown">\
              <el-dropdown-item command="a">重命名</el-dropdown-item>\
              <el-dropdown-item command="b">编辑</el-dropdown-item>\
              <el-dropdown-item command="c">删除</el-dropdown-item>\
          </el-dropdown-menu>\
      </el-dropdown>\
  </div>\
</div>\ -->
<body>
  <div id="app">
    <div class="content" ref="content">
      <!-- 首页 -->
      <div class="mui-content" v-if="this.value == 0">

        <home-page v-text="" @custom-event="handleCustomEvent"></home-page>
      </div>
      <!-- 智能搜索 -->
      <div class="mui-content" v-else-if="this.value==1">
        <search-page :search-value="searValH"></search-page>
      </div>
      <!-- 我的 -->
      <div class="mui-content" v-else class="wode">
        <div class="bgcDivs" @click="vconsoleClick(1)">
          <img src="../image/close.png" alt="" class="close" @click="close" />
        </div>
        <myself-page></myself-page>
      </div>
      <!-- <div style="width: 100%;height: 70px;"></div> -->
      <ul class="Navigation uldisplay1">
        <li v-for="(item,index) in navList" :key="index">
          <div @click="navigation(index,item.name)" :class="{active:value==index}">
            <img :src="item.imgSrc" alt="" id="myImage" />
            <p>{{item.name}}</p>
          </div>
        </li>
      </ul>
    </div>
  </div>

  <script>
    new Vue({
      el: "#app",
      data() {
        return {
          value: 0,
          searValH: false,
          navList: [
            { name: "首页", imgSrc: "../image/speech.png" },
            { name: "智能搜索", imgSrc: "../image/camera1.png" },
            { name: "我的", imgSrc: "../image/mynav1.png" },
          ],
          // 随手拍的列表
          ReadilyList: [
            {
              id: 1,
              name: "现场违章行为",
              imgSrc: "../image/weizhang.png",
            },
            {
              id: 2,
              name: "变电站缺陷",
              imgSrc: "../image/biandian.png",
            },
            {
              id: 3,
              name: "输电通道隐患",
              imgSrc: "../image/shudian.png",
            }
          ],
          PictureList: [
            {
              id: 4,
              name: "图片传输",
              imgSrc: "../image/pic1.png",
            },
            {
              id: 5,
              name: "图片转PDF",
              imgSrc: "../image/imgPDF.jpg",
            },
            {
              id: 6,
              name: "图片标注",
              imgSrc: "../image/pic3.png",
            },
          ],
          isflageIOX: true,
          active: 1,

          show: false,
          addedPreviewFile: "",
          name: "",
          idx: 0,
          indx: 0,
        };
      },

      created() {
        let newUserName
        let userNameString = sm2.doDecrypt(sessionStorage.getItem("userName"), sessionStorage.getItem("fprk"), 1)
        let userNameList = userNameString.split(",");
        if (sm3(userNameList[0]) == userNameList[1]) {
          newUserName = userNameList[0]
          this.getEmailName = newUserName
          if (isFlagOne) {
            this.getEmailName = noPassByName(this.getEmailName)
          } else {
            this.getEmailName = newUserName
          }
        }
        
      
        var url = location.search; //获取url中"?"符后的字串 ('?modFlag=business&role=1')
        console.log(url, 956);
        if (url.split("=")[1] == "two") {
          this.navigation(1);
        }
        else if (url.split("=")[1] == "emflag") {
          this.navigation(2);
        }
        else{
          this.navigation(0, "首页");
        }
        // else if (url.split("=")[1] == "ssflag") {
        //   this.value = 2;
        //   this.navList[1].imgSrc = "../image/5.png";
        //   this.navList[0].imgSrc = "../image/speech.png";
        //   this.navList[2].imgSrc = "../image/camera2.png";
        //   this.navList[3].imgSrc = "../image/myour.png";
        //   userOrder()
        // } else {
        //   this.navList[1].imgSrc = "../image/15.png";
        //   this.navList[0].imgSrc = "../image/speech.png";
        //   this.navList[2].imgSrc = "../image/camera1.png";
        //   this.navList[3].imgSrc = "../image/myour.png";
        //   this.value = 1;
        // }
      },
      mounted() {
        $("#myImage").css("width", "0.4rem");
        this.compatibleInput();
      },
      methods: {
        // 点击20次展示vconsole 设置在text.js
        vconsoleClick(type) {
          if (type == 1) {
            this.idx = this.idx + 1;
            if (this.idx == 20) {
              this.idx = 0;
              sessionStorage.setItem("vconsoleFlag", "true")
              //显示 vConsole 的开关按钮。
              vconsole.showSwitch();
            }
          } else {
            this.indx = this.indx + 1;
            if (this.indx == 20) {
              this.indx = 0
              sessionStorage.setItem("vconsoleFlag", "false")
              // 隐藏
              vconsole.hideSwitch();
            };
          }
        },
        // 底部导航切换
        navigation(index, name) {
          this.searValH = false
          if (index == 0) {
            this.value = index;
            this.navList[0].imgSrc = '../image/speech.png'
            this.navList[1].imgSrc = '../image/camera1.png'
            this.navList[2].imgSrc = '../image/mynav1.png'
          }
          else if (index == 1) {
            this.value = index;
            this.navList[0].imgSrc = "../image/1.png";
            this.navList[1].imgSrc = "../image/2.png";
            this.navList[2].imgSrc = "../image/mynav1.png";
          }
          else {
            this.navList[0].imgSrc = "../image/1.png";
            this.navList[1].imgSrc = "../image/camera1.png";
            this.navList[2].imgSrc = "../image/3.png";
            this.value = index;
          }
        },
        close() {
          console.log('关闭');
          if (!isFlag) {
            closeIscp();
          }
          IscLogout()
          wx.closeWindow();

        },
      
        // 判断安卓还是ios
        compatibleInput() {
          //获取浏览器的userAgent,并转化为小写
          var ua = navigator.userAgent.toLowerCase();
          //判断是否是苹果手机，是则是true
          var isIos = ua.indexOf("iphone") != -1 || ua.indexOf("ipad") != -1;
          if (isIos) {
            this.isflageIOX = true;
          } else {
            this.isflageIOX = false;
          }
        },
        abc(data) {
          if (!data) {
            return;
          }
          let blob = new Blob([data]); //创建blob方法
          let fileName = "excel.xls"; //下载名称
          if ("download" in document.createElement("a")) {
            // 不是IE浏览器
            // 简单的理解一下就是将一个file或Blob类型的对象转为UTF-16的字符串，并保存在当前操作的document
            let url = window.URL.createObjectURL(blob);
            let link = document.createElement("a"); //创建a标签
            link.style.display = "none"; //隐藏a标签
            link.href = url; //指定下载url
            link.setAttribute("download", fileName); //指定下载文件名称
            document.body.appendChild(link);
            link.click(); //触发下载事件
            document.body.removeChild(link); // 下载完成移除元素
            window.URL.revokeObjectURL(url); // 释放掉blob对象
          } else {
            // IE 10+
            window.navigator.msSaveBlob(blob, fileName);
          }
        },
        // 七个选项
        handleCustomEvent(data) {
          if (data == true) {
            this.navigation(1)
            this.searValH = true
          }
        }
      },
    });
  </script>

</body>

</html>